<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8" />
        <title>Comprobante de Venta - ElectroSystem</title>
        <style type="text/css">
            td, th {
                border-left: #3A87AD solid 1px;
                border-bottom: #3A87AD solid 1px;
                padding: 2px 15px;
            }
            td:last-child, th:last-child {
                border-right: #3A87AD solid 1px;
            }
            th {
                text-align: center;
            }
            td {
                text-align: right;
            }
            td.producto {
                text-align: left;
                padding-left: 20px;
                padding-right: 60px;
            }
            th.total {
                text-align: right;
            }
            th.header {
                padding: 40px;
            }
            small {
                font-weight: normal;
            }
            span {
                color: red;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <th colspan="2" class="header">ElectroSystem<br /><small><?php echo "$venta[cliente] - DNI: $venta[dni_cliente]"; ?><br />Método de pago: <?php echo $venta['pago']; ?><?php if ($venta['estado']!='1') { ?><br /><span>Cancelada</span><?php } ?></small></th>
                <th colspan="2" class="header">Comprobante de Venta<br /><small><?php echo $venta['fecha']; ?></small></th>
            </tr>
            <tr>
                <th>Cantidad</th>
                <th>Detalle</th>
                <th>Precio unitario</th>
                <th>Precio total</th>
            </tr>
            <?php foreach ($listado_productos as $producto): ?>
            <tr>
                <td><?php echo $producto['cantidad']; ?></td>
                <td class="producto"><?php echo "$producto[tipo] $producto[marca] $producto[nombre]"; ?></td>
                <td><?php echo $producto['precio']; ?></td>
                <td><?php echo ($producto['precio']*$producto['cantidad']); ?></td>
            </tr>
            <?php endforeach; ?>
            <tr>
                <th colspan="3" class="total">Total</th>
                <td><?php echo $venta['monto']; ?></td>
            </tr>
        </table>
    </body>
</html>